import React, { Component } from 'react';

class Comsmall extends Component {
  // 在构造函数中想使用props，需要传参props
  // props和state的区别：props是外部数据，state是内部数据；state可以通过setState修改，props不能修改
  constructor(props) {
    super(props);
    this.state = {
      info: this.props.msg1,
      msg: '我是来自子组件的数据'
    }
    // console.log(this.props);
  }
  setVal() {
    // console.log(this.props.msg1);
    // read only property  父传子的数据，是只读的
    // this.props.msg1 = '666'
  }
  render() {
    console.log(this.props);
    return (
      <div>
        <p>子组件</p>
        <p onClick={()=>this.setVal()}>{this.props.msg1}</p>
        <p>{this.state.info}</p>
        <button onClick={()=>this.props.msg3(this.state.msg)}>子传父</button>
      </div>
    );
  }
}

export default Comsmall;
